
<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <title>我的社区</title>
    <link rel="stylesheet" href="css/weui.min.css">
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <link rel="stylesheet" href="css/font-awesome.min.css">
    <!--[if IE 7]>
    <link rel="stylesheet" href="css/font-awesome-ie7.min.css">
    <![endif]-->
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/my_v1.css">
    <script src="js/jquery-1.11.2.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="js/my.js"></script>
</head>
<body style="background-color: #f0f0f6;">
    <div class="container-fluid">
        <div class="row auction_title">
            <div class="col-xs-3">
                <i class="icon-angle-left icon-3x"></i>
            </div>
            <div class="col-xs-7 pt10 plr0 text-center">
                <span class="fs16">圈子申请</span>
            </div>
        </div>
        <div class="row">
            <div class="white_bg col-xs-12 bdb ptb5">
                <div class="col-xs-12 plr0">
                    <input class="form-control bdn" type="text" value="" placeholder="圈子名称" />
                </div>
                <div class="col-xs-12 plr0">
                    <input class="form-control bdn" type="text" value="" placeholder="每日上网时长" />
                </div>
            </div>
            <div class="col-xs-12 bdb ptb5 mt6 ">
                <div class="col-xs-12 plr0 white_bg">
                    <textarea rows="3" class="form-control bdn" placeholder="圈子有什么优势"></textarea>
                </div>
            </div>
            <div class="col-xs-12 bdb ptb5 mt6">
                <div class="col-xs-12 plr0 white_bg">
                    <textarea rows="3" class="form-control bdn" placeholder="对圈子发展的简要想法"></textarea>
                </div>
            </div>
        </div>
        <div class="row white_bg">
            <div class="col-xs-12 pr7 ptb10">
                <div class="col-xs-3 pl0 pr7">
                    <div class="col-xs-12 plr0 pos-r">
                        <input type="file" class="form-control fileUp" id="backdrop" />
                        <div class="col-xs-12 plr0">
                            <img src="images/picture.png" class="img-responsive">
                        </div>
                    </div>
                </div>
                <div class="col-xs-9 gray" style="line-height: 60px;">
                    为圈子选择一个标志
                </div>
            </div>
        </div>
        <div class="row pt20">
            <div class="col-xs-12 text-center gray ptb20">
                在社区发表5条以上才可以申请圈子协议
            </div>
            <div class="col-xs-12 text-center gray">
                <a href="" rel="button" class="col-xs-10 col-xs-offset-1 btn btn-lg btn-orange">提交申请</a>
            </div>
        </div>
    </div>
</body>
</html>